<template>
  <div class="customerItem bs flex flex-jus pt-25 pb-15 cp">
    <div class="schedule-box flex">
      <el-image
        class="mr-10"
        style="width: 50px; height: 50px"
        :src="info.avatar"
      />
      <div class="right">
        <p class="mb-3 fz-16">
          <span class="fw-600 c-active mr-10">{{ info.name }}</span>
        </p>
        <div style="width: 200px" class="c6">
          <p class="text-hide">
            {{ info.comment }}
            <slot></slot>
          </p>
        </div>
        <!-- 时间 -->
        <p class="fz-12 c9">
          {{ $day(info.created_at * 1000).format('YYYY-MM-DD') }}
        </p>
      </div>
    </div>
    <div></div>
  </div>
</template>
<script lang="ts">
import { defineComponent } from 'vue'
export default defineComponent({
  name: 'currentItem',
  props: {
    info: {
      type: Object
    }
  }
})
</script>
<style lang="less" scoped>
.customerItem {
  border-bottom: 1px solid #eee;
}
.schedule-box {
  position: relative;
  .the-time {
    position: absolute;
    top: 28px;
    right: 15px;
  }
}
</style>
